<script setup lang='ts'>
const {name,department,position,phone,address}=defineProps({
    name:String,
    department:String,
    position:String,
    phone:String,
    address:String,
    jobTime:String
})

</script>
<template>
    <div>
        <div class="bg-white h-16 flex justify-between items-center px-2.5">
            <div class="w-20 centered"><span>{{ name }}</span></div>
            <div class="w-24 centered"><span>{{ department }}</span></div>
            <div class="w-24 centered"><span>{{ position }}</span></div>
            <div class="w-32 centered"><span>{{ phone }}</span></div>
            <div class="w-64 centered"><span>{{ address }}</span></div>
            <div class="w-24 centered"><span>{{ jobTime }}</span></div>
            <div>
                <span class="mx-1.5 cursor-pointer">编辑</span>
                <span class="mx-1.5 cursor-pointer">查看</span>
            </div>
        </div>
        <a-divider class="m-0 bg-cyan-300"/>
    </div>
</template>
<style scoped>
.centered{
    display: flex;
    justify-content: center;
}
</style>